<template>
    <div class="screening-results">
        <div v-for="i in hospitallist" :key="i.id">
            <img src="../../assets/meirong1.jpg" alt="">
            <div class="text" v-if="i.type===0" @click="fun(i.type)">
                <h1><span>{{i.name}}</span> <img src="../../assets/commodity/ren.png" alt=""></h1>
                <p>资质：{{i.zishi}}</p>
                <p>地址：{{i.address}}</p>
                <p>擅长：<span>{{i.good}}</span></p>
            </div>
            <div class="text beatext" v-if="i.type===1" @click="fun(i.type)">
                <h1><span>{{i.name}}</span> <img src="../../assets/commodity/ren.png" alt=""></h1>
                <p>所在医院：<span>{{i.zishi}}</span></p>
                <p>当前职务：{{i.post}}</p>
                <p>擅长项目：<span>{{i.good}}</span></p>
                <p v-if="i.show">产品：<span>{{i.good}}</span></p>
            </div>
            <div class="text beatext" v-if="i.type===2" @click="fun(i.type)">
                <h1><span>{{i.name}}</span> <img src="../../assets/commodity/ren.png" alt=""></h1>
                <p>所在单位：<span>{{i.zishi}}</span></p>
                <p>所在地区：{{i.post}}</p>
                <p>专业等级：{{i.good}}</p>
                <p>律师资质：{{i.good}}</p>
            </div>
            <div class="text beatext" v-if="i.type===3" @click="fun(i.type)">
                <h1><span>{{i.name}}</span> <img src="../../assets/commodity/ren.png" alt=""></h1>
                <p>合作医院：{{i.zishi}}</p>
                <p>所在地区：{{i.post}}</p>
                <p>精通语言：{{i.good}}</p>
                <p>代购产品：{{i.good}}</p>
            </div>
            <div class="text-right">
                <p><Rate disabled v-model="i.score" />({{i.score}})</p>
                <p v-if="i.type===0">
                    <img src="../../assets/commodity/bao.png" alt="">
                    <img src="../../assets/commodity/du.png" alt="">
                    <img src="../../assets/commodity/re.png" alt="">
                </p>
            </div>
        </div>

    </div>
</template>

<script>
    export default {
        name: "ScreeningResults",
        props:['hospitallist'],
        data () {
            return {
                valueText:2
            }
        },
        methods:{
            fun (type) {
                console.log(type)
                if(type===0){
                    this.$router.push({path: '/hospital'})
                }
                if(type===1){
                    this.$router.push({path: '/doctors'})
                }
                if(type===3){
                    this.$router.push({path: '/translates'})
                }
                if(type===2){
                    this.$router.push({path: '/Lawyers'})
                }

            }
        }
    }
</script>

<style  lang="less">
    @import "../../style/style";
      .screening-results{
          >div:hover{
              background-color: #f9f9f9;
          }
          >div{
              height: 172px;
              border-bottom: 1px solid #eaeaea;
              padding: 20px 10px;
              cursor: pointer;
              >img{
                  width: 120px;
                  height: 120px;
                  float: left;
              }
              .beatext{
                  h1{
                      padding-bottom: 5px !important;
                  }
              }
              .text{
                  float: left;
                  margin-left: 20px;
                  h1{
                      font-size: 16px;
                      color: #333333;
                      padding-bottom: 20px;
                      vertical-align: auto;
                      >span{
                          color: #333333;
                          vertical-align: top;
                      }
                      img{
                          /*margin-top: 10px;*/
                          margin-left: 15px;
                      }
                  }
                  p{
                      font-size: 12px;
                      color: #666666;
                      padding-bottom: 5px;
                  }
                  span{
                      color:@theme-color-dark ;
                  }

              }
              .text-right{
                  float: right;
                  .ivu-rate-star{
                      margin-right: 0;
                  }
                  >:first-child{
                      padding-bottom: 55px;
                  }
                  p{
                      font-size: 12px;
                      color: #666666;
                      text-align: right;
                  }
                  img{
                      margin-left: 15px;
                  }
              }
          }


      }
</style>